<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .loading{position: fixed;left:0;top:0;display: none;}
    </style>
</head>
<body>
    <!-- 登录 -->
    <input type="text" id="username"><br>
    <input type="text" id="password"><br>
    <input type="button" value="登录" id="login">

    <!-- 登录成功后才能查看会议室信息 -->
    <div class="meetRoom">
        <ul>
        </ul>
    </div>

    <img class="loading" src="./loading.jpg" alt="">
</body>
<script src="./ajax-promise.js"></script>
<script>

    // get:http://10.11.54.89:3000/login
        // username
        // password

    // post:http://10.11.54.89:3000/getallroom
        // token

    const oun = document.querySelector("#username");
    const opw = document.querySelector("#password");
    const obtn = document.querySelector("#login");
    const oloading = document.querySelector(".loading");

    const oMr = document.querySelector(".meetRoom");

    obtn.onclick = function(){
        // 开启第1个异步程序：登录
        ajax({
            url:"http://10.11.54.89:3000/login",
            data:{
                username: oun.value,
                password: opw.value
            }
        }).then(res=>{
            // 登录完成后，根据登录状态
            if(res.code === 0){
                // 登录成功，开启第2-1个异步程序：获取会议室信息
                return ajax({
                    url:"http://10.11.54.89:3000/getallroom",
                    method:"post",
                    data:{
                        token: res.data.token
                    }
                })
            }else{
                // 登录失败，开启第2-2个异步程序：提示登录状态的成功状态的promise
                return Promise.resolve(res.msg);
            }
        }).then(res=>{
            // 第2个异步结束后的数据
            console.log(res);
        })
    }

</script>
</html>